
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- <link rel="icon" href="../../favicon.ico"> -->

    <title>机构加盟</title>

    <!-- Bootstrap core CSS -->
    <link href="../css/bootstrap-theme.css" rel="stylesheet">
    <link href="../css/bootstrap.css" rel="stylesheet">

    <link href="../css/common.css" rel="stylesheet">
    <link href="../css/college.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body class="join page">

    <nav class="navbar navbar-default" role="navigation">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">
            <img class="logo" src="../images/logo.png" alt="...">
          </a>
          <!-- <button type="button" class="navbar-toggle " data-toggle="collapse"
                  data-target="#example-navbar-collapse">
              <span class="sr-only">切换导航</span>
              <span class="icon-bar top-bar"></span>
              <span class="icon-bar bottom-bar"></span>
              <span class="icon-bar"></span>
          </button> -->

          <img class="menu-switch" src="../images/index-menu.png" alt="..." />
          <!-- <a class="navbar-brand" href="#">菜鸟教程</a> -->
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <img class="closeNav" src="../images/mobile-phone-close.png" alt="..." />
            <ul class="nav navbar-nav navbar-right">
              <li><a href="../index.html">首页</a></li>
              <li><a href="../childStar/childNews.html">新闻资讯</a></li>
              <li class="dropdown active" >
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">童星学院 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="./brand.html">品牌介绍</a></li>
                  <li><a href="./team.html">公司团队</a></li>
                  <li class="active"><a href="./join.html">机构加盟</a></li>
                  <li  ><a href="./cooperation.html">商务合作</a></li>
                  <li><a href="./contactUs.html">联系我们</a></li>
                </ul>
              </li>
              <li ><a href="../childStar/childStar.html">童星通告</a></li>
              <li><a href="../star/star.html">童星库</a></li>
              <li ><a href="../childStar/childStarInfo.html">我的</a></li>
              <li class="search">
                <img class="search_icon" src="../images/search.png" alt="...">
              </li>
               <li class="reg_login">
                <div class="reg_login"  aria-label="...">
                  <!-- <button type="button" class="btn btn-default login">登录</button> -->
                  <a class="login" target="_blank" href="../login.html">登录</a>
                </div>
              </li>
              <li class="reg_login">
                <div class="reg_login"  aria-label="...">
                  <!-- <button type="button" class="btn btn-default regist">注册</button> -->
                  <a class="regist" target="_blank"  href="../register.html">注册</a>
                </div>
              </li>
            </ul>
          </div>
        </div>
     </nav>

      <div class="join_main">
        <img src="../images/join_main.jpg" alt="...">
      </div>

    <!-- introduce-->
    <div class="jumbotron introduce">
      <div class="container">
        <h3 class="title center">横店童星学院</h3>
        <p class="subtitle"></p>
        <span class="title_line"></span>
        <p class="txt center">北京电影学院、中央戏剧学院、上海戏剧学院三大高校 、最强师资课件整合<br/>
打通少儿影视培训输出通道解决少儿影视培训的专业性<br/>
横店影视城全力打造横店童星学院
</p>
      </div>
    </div>

    <div class="container return">
      <div>
        <h3 class="title center">十 大 加 盟 回 报</h3>
        <p class="subtitle center">Ten major leagues</p>
      </div>
      <div class="list">
        <div class="">
          <img src="../images/join_01.jpg">
          <div>
            <h6>一、品牌回报</h6>
            <p>Vi系列、店招系列的设计<br/>
            横店影视城品牌的官方使用授权<br/>
            全国53个市场部
            </p>
          </div>
        </div>
        <div class="">
          <img src="../images/join_02.jpg">
          <div>
            <h6>二、一年二期封闭式师资培训</h6>
            <p>每期10-12天，每家机构限定3名教师吃住行自理
            </p>
          </div>
       </div>
        <div class="">
          <img src="../images/join_03.jpg">
          <div>
            <h6>三、一年两学期课件提供</h6>
            <p>每年进行课件更新</p>
          </div>
        </div>
        <div class="">
          <img src="../images/join_04.jpg">
          <div>
            <h6>四、推荐进入剧组机会每年不少于一次</h6>
            <p>正规剧组带薪输出，横店去年输送到剧组的
人数为5000，预计今后会逐年翻倍
            </p>
          </div>
        </div>
        <div class="">
          <img src="../images/join_05.jpg">
           <div>
            <h6>五、一年一次影视剧组现场免费探班机会</h6>
            <p>每年组织一次影视剧组现场探班活动，参与
剧组互动，吃住行自理
            </p>
          </div>
        </div>
        <div class="">
          <img src="../images/join_06.jpg">
           <div>
            <h6>六、一年一次上镜拍摄机会</h6>
            <p>年输送学员营收达30万元，免费少儿微电影
拍摄，一集25人，年输送学员营收达90万元
，免费研学电视剧拍摄，一集15人，吃住行
自理
            </p>
          </div>
       </div>
        <div class="">
          <img src="../images/join_07.jpg">
           <div>
            <h6>七、专业师资亲临机构授课</h6>
            <p>年不少于一次</p>
<p>每年输送学员营收达到90万，影视演员授课
每年输送学员营收达到30 万，王牌师资授课
每年输送学员营收30万以下，专业师资授课
            </p>
          </div>
        </div>
        <div class="">
          <img src="../images/join_08.jpg">
           <div>
            <h6>八、机构学员录入横店演员公会</h6>
            <p>每家机构学员信息录入横店演员公会
每个学员颁发演员证
            </p>
          </div>
        </div>
        <div class="">
          <img src="../images/join_09.jpg">
           <div>
            <h6>九、每家机构有一名学员可直接获童星盛典
总决赛PASS卡加盟机构影视班学员均可免
海选直接进入晋级赛</h6>
            <p>总决赛费用全免</p>
          </div>
        </div>
        <div class="">
          <img src="../images/join_10.jpg">
           <div>
            <h6>十、优先享有横店影视城输出及产品优惠的机会</h6>
            <p>各类输出产品，帮助机构增加盈利点</p>
          </div>
        </div>
      </div>

    </div> <!-- /container  -->

    <div class="jumbotron support">
      <div class="container">
        <div class="line_head">
          <div class="line_title">
            <h3 class="title">优势支持</p>
            <p class="subtitle">Advantage support</p>
          </div>
          <div class="line_phone">
            <img src="../images/join_phone.png">
            <div class="phone">
              <p class="phone_txt">加盟电话：</p>
              <p class="phone_num">0579-8690 8770</p>
            </div>
          </div>
        </div><!--line_head-->
        <div class="chose_us">
          <div class="row">
            <div class="col-md-6">
              <img src="../images/join_11.jpg">
            </div>
            <div class="col-md-6">
              <div class="reason">
                <h6>品牌价值</h6>
                <p>中国好莱坞：横店影视城以其厚重的文化底蕴和独特的历史场景而被评为国AAAAA级
旅游景区，品牌价值达到42.59亿，品牌强度936 。</p>
              </div>
              <div class="reason">
                <h6>影视权威</h6>
                <p>国家级影视产业实验区：横店影视城是中国第一个国家级影视产业实验区，集影视创
作、拍摄、制作、发行、交易于一体的国家级影视产业实验区。</p>
              </div>
              <div class="reason">
                <h6>拍摄资源</h6>
                <p>全球规模最大的影视拍摄基地：投资30亿资金建设明清宫苑、广州街等13个影视拍摄
基地和两座超大型的现代化摄影棚。</p>
              </div>
              <div class="reason">
                <h6>资源优势</h6>
                <p>娱乐圈聚集地：横店影视城每年都有300多个剧组常驻将拍摄，全国80%的古装剧都
来自于横店影视城，横店还是明星、媒体、影视公司的聚集地。</p>
              </div>
              <div class="reason">
                <h6>加盟价值</h6>
                <p>横店影视城品牌价值及培训品牌价值、一年两次机构师资培训价值、一年两学期课件
提供且更新、一年一次推荐进入剧组机会 、一年一次影视剧组现场探班、一年一次优
秀机构拍摄机会、一年一次专业师资亲临授课、机构相关学员录入演员公会、机构优
秀学员衔接儿童奥斯卡、优先享有横店影视城输出产品。</p>
              </div>



            </div>
          </div>
        </div>

      </div>
    </div>

    <!-- 加盟流程-->
    <div class="jumbotron run">
      <div class="container">
        <div>
         <h3 class="title center">加盟流程</h3>
          <p class="subtitle center">Joining process</p>
          <span class="title_line"></span>
          <p class="txt center">众所周知，横店影视城是全球规模最大实景拍摄基地，横店影视产业实验区是全国首个<br/>
  集影视创作、拍摄、制作、发行、交易于一体的国家级影视产业实验区。
  </p>
        </div>
        <div class="row run_row">
          <div class="col-md-3 run_item">
            <img class="operating" src="../images/bgtwo.png" />
            <div class="operating_con">
              <h3 >1.提交项目申请表与审核资质</h3>
            </div>
            <!-- <div class="run_cont">
              <div>
                <h3 class="title"></h3>
              </div>
            </div> -->
          </div>
          <div class="col-md-3 run_item">
            <img class="operating " src="../images/bgtwo.png" />
            <div class="operating_con only">
              <h3 >2.影视文化产业实验区考察<br/>与资质审核</h3>
            </div>
             
         </div>

         <div class="col-md-3 run_item">
            <img class="operating" src="../images/bgtwo.png" />
            <div class="operating_con">
              <h3 >3.进行审核</h3>
            </div>
         </div>
          <div class="col-md-3 run_item">
            <img class="operating" src="../images/bgtwo.png" />
            <div class="operating_con">
              <h3 >4.签订合作协议</h3>
            </div>
         </div>
        </div>

      </div>
    </div> <!-- 加盟流程-->

    <!-- 加盟流程-->
    <div class="jumbotron join_us">
      <div class="container join_wrap">
        <div>
         <h3 class="title center write">报名加入我们</h3>
          <p class="subtitle center write">为了便于我们更好的为您服务，请正确填写以下信息，我们会尽快的与您取得来联系，并答复您的需求!</p>
          <span class="title_line write"></span>
          <button class="join">申请报名</button>
          <button class="phone">电话： 0579-8690 8770</button>
        </div>
      </div>
    </div> <!-- 加盟流程-->

     <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <!-- <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
                </div> -->
                <div class="modal-body">
                  <h3 class="title">申请报名</h3>
                  <p class="txt">为了便于我们更好的为您服务，请正确填写以下信息，我们会尽快的与您取得来联系!</p>

                  <div class="row wrap">
                    <div class="col-md-6">
                      <input class="form-control" type="text" placeholder="机构名称">
                    </div>
                    <div class="col-md-6">
                      <input class="form-control   user-name" type="text" placeholder="联系人姓名">
                    </div>
                  </div>

                   <div class="row">
                    <div class="col-md-6">
                      <input class="form-control" type="text" placeholder="联系方式">
                    </div>
                    <div class="col-md-6">
                      <input class="form-control" type="text" placeholder="详细地址">
                    </div>
                  </div>

                   <div class="row">
                    <div class="col-md-12">
                      <input class="form-control" type="text" placeholder="内容">
                    </div>

                  </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary enter" >确定</button>
                    <button type="button" class="btn  btn-default cancel">取消</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
     <footer class="foot">
      <div class="container">
        <div class="row">
          <div class="col-md-6 wxCode">
            <div class="wxWrap">
              <div class="pub">
                <img class="wx_01" src="../images/wx_01.jpg">
                <p>微信公众号</p>
              </div>
              <div class="sma">
                <img src="../images/wx_02.jpg">
                <p>小程序</p>
              </div>
            </div>
          </div>
          <div class="col-md-6 info" >
            <p>童星学院  |  版权声明  |  隐私保障  |  商业合作  |  加入我们  |  联系方式</p>
            <p>咨询热线：0579-8690 8770</p>
            <p>地址：浙江省金华市东阳市横店明清宫苑内</p>
            <p>Copyright ＠东阳市横店影视城微电影有限公司, All Rights Reserved   浙ICP备00000000号-1</p>
          </div>
        </div>
      </div>
    </footer>
   <script src="../js/jquery.min.js"></script>
   <script src="../js/bootstrap.js"></script>
  </body>
</html>


<script>
  $(function() {
    var page = $('.page');
    var join = page.find('.join_us .join'); 
    var myModal = page.find('#myModal')
    var cancel =  page.find('#myModal .cancel');
    var enter =  page.find('#myModal .enter');
    // $('#myModal').modal('hide');

    join.on('click',function(){
      // console.log('22')
      myModal.modal('show')
    })
     cancel.on('click',function(){
      // console.log('22')
      myModal.modal('hide')
    })
      enter.on('click',function(){
 
          alert($('.user-name').val())
      myModal.modal('show')
    })


  });


  $(function(){
   $('.closeNav').on('click',function(){
      $('#example-navbar-collapse').find('.navbar-nav').hide();
      $(this).hide();
    })

    $('.menu-switch').on('click',function(){
      $('#example-navbar-collapse').show();
      $('#example-navbar-collapse').find('.navbar-nav').show();
      $('.closeNav').show();
    })
  })
</script>
